<!DOCTYPE HTML>
<html>
	<head>
		<title>div跟着鼠标走</title>
		<meta charset="utf-8">
		<style>
			div{
				width:30px;
				height:30px;
				background: red;
				position: absolute;
			}
		</style>
		<script>
		function getpos(ev)
		{
			var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
			var scrollLeft=document.documentElement.scrollLeft||document.body.scrollLeft;
			return {X:ev.clientX+scrollLeft,Y:ev.clientY+scrollTop};
		}
			document.onmousemove=function(ev){
				var oEvent=ev||event;
				var pos=getpos(oEvent);
				var aDiv=document.getElementsByTagName('div');

				for(var i=aDiv.length-1;i>0;i--)
				{	
					aDiv[i].style.left=aDiv[i-1].offsetLeft+'px';
					aDiv[i].style.top=aDiv[i-1].offsetTop+'px';

				}
				aDiv[0].style.left=pos.X +'px';
				aDiv[0].style.top=pos.Y +'px';
				
			}
		</script>
	</head>
	<body>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		
	</body>
</html>